:global {
  .bdh_button {
    display: inline-flex;;

    align-items: center;
    height: auto;

    &.btn-horizontal{
      flex-direction: row;
    }
    &.btn-vertical{
      flex-direction: column;
    }


    //  绿色背景
    &.primary-transpanent{
      text-shadow: none;
      background: #86bc2536;
      color: $green;
    }

    //  灰色背景
    &.grey-transpanent{
      background: #d0d0d054;
    }

    &.primary-color{
      color: $green;
    }
    &.red-color{
      color: red;
    }

    &.bdh_icon .iconfont {
      line-height: 1;
      font-size: 25px;
    }
  }
}
